<template>
    <div class="iframe">
        <div class="i-title">
            <h3>切换路由的变量</h3>
        </div>
        <div class="i-tip">
            <span class="span">姓名：</span>{{ name }}
        </div>
        <div class="i-tip">
            <span class="span">爱好：</span>{{ likes.toString() }}
        </div>
        <div class="i-tip">
            <span class="span">管理员：</span>{{ isAdmin ? '是' : '否' }}
        </div>
        <div class="i-tip">
            <span class="span">点击量：</span>{{ clickNum }}
        </div>
        <div class="i-tip">
            <span class="span">特殊量：</span>{{ clickNumPar }}
        </div>
    </div>
</template>

<script setup>

import { storeToRefs } from 'pinia'
import { useStore } from '../../store'

const store = useStore();
let { name, likes, isAdmin, clickNum, clickNumPar } = storeToRefs(store);


</script>
